<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
echo $this->headScript()->
        appendFile($this->baseUrl() . "/js/jquery-1.7.1.js");
echo $this->headLink()
        ->setIndent('  ')
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/bootstrap.css")
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/bootstrap-responsive.css");
?>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
                <title>Laboratorios Virtuales</title>    

                <style type="text/css">
                    /* Override some defaults */
                    html, body {        background-color: #eee;
                    }
                    body {
                        padding-top: 40px; 
                    }
                    .container {
                        width: 400px;
                    }

                    /* The white background content wrapper */
                    .container > .content {
                        background-color: #fff;
                        padding: 20px;
                        margin: 0 -20px; 
                        -webkit-border-radius: 10px 10px 10px 10px;
                        -moz-border-radius: 10px 10px 10px 10px;
                        border-radius: 10px 10px 10px 10px;
                        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                        box-shadow: 0 1px 2px rgba(0,0,0,.15);
                    }

                    .login-form {
                        margin-left: 65px;
                    }

                    legend {
                        margin-right: -50px;
                        font-weight: bold;
                        color: #404040;
                    }

                </style>
                <script type="text/javascript">
                    function volver() {
                        this.window.location = '/';
                    }
                </script>
                </head>
                <body>
                    <div class="container">
                        <div class="content">
                            <div class="row">
                                <div class="login-form">
                                    <h2>Ha ocurrido un error...</h2>
                                    <div class="clearfix">
                                        <p>Vuelva a ingresar</p>
                                        <button id="btn-volver" onclick="volver();" class="btn btn-inverse">Volver</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- /container -->
                </body>
                </html>